<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" href="../lib/css/bootstrap.min.css">
  <link rel="stylesheet" href="../lib/css/swiper.min.css">
  <link rel="stylesheet" href="../css/index.css">
  <script src="../lib/js/jquery.min.js"></script>
  <script src="../lib/js/bootstrap.min.js"></script>
  <script src="../lib/js/swiper.min.js"></script>
  <title>Document</title>
</head>

<body>
<div class="page">
  <nav class="navbar navbar-default navbar-fixed-top">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html">Logo</a>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="navbar">
        <ul class="nav nav-pills navbar-right">
          <li role="presentation"><a href="index.html">首页</a></li>
          <li role="presentation"><a href="about.html">公司简介</a></li>
          <li role="presentation" class="active"><a href="detail.html">详情</a></li>
          <li role="presentation"><a href="admin.html">系统</a></li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container-fluid -->
  </nav>
  <div class="container">
    <div class="m-title">详情
      <span>/DETAILS</span>
    </div>
    <div class="main-con">
      <ul class="nav nav-pills nav-stacked sidebar-tab">
        <li role="presentation" class="active"><a href="#">通知1</a></li>
        <li role="presentation"><a href="#">通知2</a></li>
        <li role="presentation"><a href="#">招聘信息</a></li>
      </ul>
      <div class="about-con">
        <div class="detail-info">
          <div class="detail-hd">
            <h1>Hello, world!</h1>
            <p>Lorem ipsum dolor sit amet</p>
          </div>
          <div class="detail-bd">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam at magni rerum voluptatibus!
              Consectetur, facere id impedit ipsum maiores minima nisi non quas suscipit totam. Cumque distinctio
              doloribus excepturi optio?</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero odit cupiditate, aut dolore ex ad vero
              sunt officia, mollitia nam molestias maxime necessitatibus perferendis eaque distinctio autem. Facilis,
              in, dolores.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam blanditiis consectetur dolores earum
              fuga, incidunt iste magnam modi molestias nulla numquam optio perspiciatis quas quis sit tempora totam
              voluptates voluptatibus.</p>
          </div>
          <div class="detail-ft">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam at magni rerum voluptatibus!
              Consectetur, facere id impedit ipsum maiores minima nisi non quas suscipit totam. Cumque distinctio
              doloribus excepturi optio?</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero odit cupiditate, aut dolore ex ad vero
              sunt officia, mollitia nam molestias maxime necessitatibus perferendis eaque distinctio autem. Facilis,
              in, dolores.</p>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam blanditiis consectetur dolores earum
              fuga, incidunt iste magnam modi molestias nulla numquam optio perspiciatis quas quis sit tempora totam
              voluptates voluptatibus.</p>
          </div>
        </div>
        <a class="btn btn-default download-dt">下载详情</a>
        <ul class="list-group detail-list">
          <li class="list-group-item"><span class="badge">2018/10/07</span>Cras justo odio</li>
          <li class="list-group-item"><span class="badge">2018/10/07</span>Dapibus ac facilisis in</li>
          <li class="list-group-item"><span class="badge">2018/10/07</span>Morbi leo risus</li>
          <li class="list-group-item"><span class="badge">2018/10/07</span>Porta ac consectetur ac</li>
          <li class="list-group-item"><span class="badge">2018/10/07</span>Vestibulum at eros</li>
        </ul>
        <div class="jumbotron">
          <h1>Hello, world!</h1>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam at magni rerum voluptatibus! Consectetur,
            facere id impedit ipsum maiores minima nisi non quas suscipit totam. Cumque distinctio doloribus excepturi
            optio?</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero odit cupiditate, aut dolore ex ad vero
            sunt officia, mollitia nam molestias maxime necessitatibus perferendis eaque distinctio autem. Facilis, in,
            dolores.</p>
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam blanditiis consectetur dolores earum
            fuga, incidunt iste magnam modi molestias nulla numquam optio perspiciatis quas quis sit tempora totam
            voluptates voluptatibus.</p>
          <p><a class="btn btn-primary btn-lg" href="#" role="button">下载详情</a></p>
        </div>
      </div>
    </div>
  </div>
  <div class="order-item">
    <div class="container">
      <div class="row">
        <div class="col-xs-6 col-sm-3">
          <img src="https://www.rostrevorkgn.sa.edu.au/wp-content/uploads/2016/12/de-rgb-h.png" alt="">
        </div>
        <div class="col-xs-6 col-sm-3">
          <img src="https://rostrevorkgn.sa.edu.au/wp-content/uploads/2017/03/sagov-black.png" alt="">
        </div>
        <div class="col-xs-6 col-sm-3">
          <img src="https://rostrevorkgn.sa.edu.au/wp-content/uploads/2017/03/creative-commons.png" alt="">
        </div>
        <div class="col-xs-6 col-sm-3">
          <img src="https://rostrevorkgn.sa.edu.au/wp-content/uploads/2017/03/brand-sa.png" alt="">
        </div>
      </div>
    </div>
  </div>
  <footer class="footer">
    <div class="container">
      <p>trading as South Australian Government Schools & Preschools</p>
      <p>
        <a>Early Years Learning Framework</a>
        <a>My School</a>
        <a>Copyright</a>
        <a>Disclaimer</a>
        <a>Privacy</a>
        <a>Attributions</a>
      </p>
      <p>This website was built following the Department for Education requirements by <a>Education Web Solutions</a>
      </p>
    </div>
  </footer>
</div>
<script src="../js/about.js"></script>
</body>

</html>